<template>
	<view class="cu-list menu sm-border card-menu margin-tb">
		<navigator :url="item.url" class="cu-item arrow" v-for="(item,index) in items" :key="index">
			<view class="content">
				<text>{{item.label}}</text>
			</view>
		</navigator>
	</view>
</template>

<script>
export default {
	data: () => ({
		items: [
			{
				label: 'change login password',
				url: '/pages/personal/subpage/securityManager/alterLoginPw'
			},
			{
				label: 'change payment password',
				url: '/pages/personal/subpage/securityManager/alterDrawPw'
			}
		]
	})
};
</script>

<style lang="less">
.cu-list.card-menu {
	overflow: hidden;
	margin-right: 14px;
	margin-left: 14px;
	border-radius: 9px;
}

.cu-list.menu {
	display: block;
	overflow: hidden;
}
.margin-tb {
	margin-top: 14px;
	margin-bottom: 14px;
}
.cu-list.menu > .cu-item.arrow:before {
	position: absolute;
	top: 0;
	right: 14px;
	bottom: 0;
	display: block;
	margin: auto;
	width: 14px;
	height: 14px;
	color: #8799a3;
	content: '\E6A3';
	text-align: center;
	font-size: 16px;
	font-family: cuIcon;
	line-height: 14px;
}
</style>
